<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<%@ include file="header_cat.jsp"%>
</head>
<body id="page-top" class="index">
	<%@ include file="_menu_cat.jsp"%>
<!-- economy Grid Section -->
    <section id="economy" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">economy</h2>
                    <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 economy-item">
                    <a href="#economyModal1" class="economy-link" data-toggle="modal">
                        <div class="economy-hover">
                            <div class="economy-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/economy/roundicons.png" class="img-responsive" alt="">
                    </a>
                    <div class="economy-caption">
                        <h4>Round Icons</h4>
                        <p class="text-muted">Graphic Design</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 economy-item">
                    <a href="#economyModal2" class="economy-link" data-toggle="modal">
                        <div class="economy-hover">
                            <div class="economy-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/economy/startup-framework.png" class="img-responsive" alt="">
                    </a>
                    <div class="economy-caption">
                        <h4>Startup Framework</h4>
                        <p class="text-muted">Website Design</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 economy-item">
                    <a href="#economyModal3" class="economy-link" data-toggle="modal">
                        <div class="economy-hover">
                            <div class="economy-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/economy/treehouse.png" class="img-responsive" alt="">
                    </a>
                    <div class="economy-caption">
                        <h4>Treehouse</h4>
                        <p class="text-muted">Website Design</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 economy-item">
                    <a href="#economyModal4" class="economy-link" data-toggle="modal">
                        <div class="economy-hover">
                            <div class="economy-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/economy/golden.png" class="img-responsive" alt="">
                    </a>
                    <div class="economy-caption">
                        <h4>Golden</h4>
                        <p class="text-muted">Website Design</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 economy-item">
                    <a href="#economyModal5" class="economy-link" data-toggle="modal">
                        <div class="economy-hover">
                            <div class="economy-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/economy/escape.png" class="img-responsive" alt="">
                    </a>
                    <div class="economy-caption">
                        <h4>Escape</h4>
                        <p class="text-muted">Website Design</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 economy-item">
                    <a href="#economyModal6" class="economy-link" data-toggle="modal">
                        <div class="economy-hover">
                            <div class="economy-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/economy/dreams.png" class="img-responsive" alt="">
                    </a>
                    <div class="economy-caption">
                        <h4>Dreams</h4>
                        <p class="text-muted">Website Design</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
	<%@ include file="../footer.jsp"%>
</body>
</html>